@import "tailwindcss";

@theme {
  --color-p-orange: #ff8200;
  --color-p-black: #575757;
  --font-shs: "sourcehansans";
}

@layer base {
  h1 {
    font-size: var(--text-2xl);
  }
  h2 {
    font-size: var(--text-xl);
  }
}

@layer components {
}

@layer utilities {
  /* 恢复所有样式到浏览器默认值 */
  .browser-default * {
    all: revert;
  }

  /* 定义滚动条整体样式 */
  ::-webkit-scrollbar {
    width: calc(var(--spacing) * 2);
  }

  /* 定义滚动条轨道样式 */
  .scrollbar-black::-webkit-scrollbar-track {
    background: var(--color-neutral-800);
  }
  /* 定义滚动条滑块样式 */
  .scrollbar-black::-webkit-scrollbar-thumb {
    background: var(--color-neutral-400);
    border-radius: calc(infinity * 1px);
  }
  /* 定义滑块悬停时的样式 */
  .scrollbar-black::-webkit-scrollbar-thumb:hover {
    background: var(--color-neutral-300);
  }

  /* 定义滚动条轨道样式 */
  .scrollbar-white::-webkit-scrollbar-track {
    background: var(--color-neutral-100);
  }
  /* 定义滚动条滑块样式 */
  .scrollbar-white::-webkit-scrollbar-thumb {
    background: var(--color-neutral-500);
    border-radius: calc(infinity * 1px);
  }
  /* 定义滑块悬停时的样式 */
  .scrollbar-white::-webkit-scrollbar-thumb:hover {
    background: var(--color-neutral-600);
  }
}

/* 自定义字体 */
@font-face {
  font-family: "sourcehansans";
  src: url("./fonts/sourcehansans.woff2") format("woff2"),
    url("./fonts/sourcehansans.woff") format("woff"),
    url("./fonts/sourcehansans.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
